<template>
	<view class="content">
		<cu-custom bgColor="bg-gradual-blue" :isBack="true">
			<block slot="backText"></block>
			<block slot="content">文章资讯</block>
		</cu-custom>
		<view class="bg-img padding-bottom-xl" style="background-color:#16D2A3;height: 488rpx;">
			<view class=" padding padding-bottom-xl">
				<view class='cu-avatar round xl'></view>
				上面开始
			</view>
		</view>

		<view class="text-area">
			<view class="text-left padding">我于杀戮之中绽放 ,亦如黎明中的花朵</view>
			<view class="text-center padding">我于杀戮之中绽放 ,亦如黎明中的花朵</view>
			<view class="text-right padding">我于杀戮之中绽放 ,亦如黎明中的花朵</view>
		</view>
		<view class="padding ">
			<u--input placeholder="请输入内容" border="surround" v-model="value" @change="change"></u--input>

			<u-icon name="photo" size="120"></u-icon>
		</view>
		<view class="padding ">
			<button type="primary" plain="true">uniapp基础组件</button>
		</view>
		<view>
			<u-button type="primary" shape="circle" text="uview组件"></u-button>
		
		</view>
		<view class="padding ">
		
			<button class="cu-btn bg-grey lg">colorui组件</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				value: '',
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>

</style>